<template>
  <el-tabs v-model="activeName">
    <el-tab-pane label="Button" name="first"><Content /></el-tab-pane>
    <el-tab-pane label="From" name="second"><From /></el-tab-pane>
    <el-tab-pane label="TableCom" name="third"><TableCom /></el-tab-pane>
  </el-tabs>
</template>

<script setup name="Element">
import { ref } from 'vue'
import Content from '../components/day9/content.vue';
import From from '../components/day9/from.vue';
import TableCom from '../components/day9/TableCom.vue';

const activeName = ref('first')

</script>